<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Electrolux的样式</title>
    <link rel="stylesheet" href="../../index.css" />
    <link rel="stylesheet" href="./canvasdatu.css" />
    <script type="text/javascript" src="./canvasdatu.js"></script>
  </head>
  <body>
    <div class="flex-col page">
      <div class="flex-row section">
        <div class="flex-col items-center group_9">
          <img class="image_7" src="../../img/c40def1e664cd372803603af93bfaede.png" />
          <img class="image_14" src="../../img/8674f8a1a015b8a9caa5cb6457db3c33.png" />
          <img class="image_15" src="../../img/dfb401d09085ce6be6ebec95625d9099.png" />
          <img class="image_18" src="../../img/0bc2fd3fe36cc1aad6f231e03ca21845.png" />
          <img class="image_22" src="../../img/c39bda1aa511a4e08153e7564807bce3.png" />
          <img class="image_23" src="../../img/777ae6a6d94545841f20813af722e5f4.png" />
        </div>
        <div class="flex-col space-y-55 group_2">
          <div class="flex-col space-y-8">
            <div class="flex-row justify-between group_3">
              <span class="text">早上好，灵感集</span>
              <div class="flex-row space-x-73">
                <div class="flex-row space-x-36 group_4">
                  <div class="flex-col items-center text-wrapper"><span class="font_1 text_3">日</span></div>
                  <span class="font_2 text_4">周</span>
                </div>
                <span class="font_2 text_5">月</span>
                <div class="flex-row space-x-35 group_5">
                  <span class="font_2 text_6">年</span>
                  <img class="image" src="../../img/6a5963cc05ace00a6bbcac70ae149500.png" />
                </div>
              </div>
            </div>
            <div class="group_7">
              <span class="font_4 text_8">欢迎来到虚拟币交易系统! 今日涨幅</span>
              <span class="font_5 text_9">2.3%</span>
            </div>
          </div>
          <div class="flex-col">
            <div class="flex-row space-x-10">
              <div class="flex-row justify-center space-x-10 section_4">
                <img class="image_8" src="../../img/10da7fda35e0bc87401bc309ea11284f.png" />
                <div class="flex-col space-y-8 group_13">
                  <div class="flex-row space-x-2">
                    <span class="font_7 text_11">32.234</span>
                    <span class="font_8 text_14">BTC</span>
                  </div>
                  <div class="flex-row space-x-12">
                    <span class="font_9 text_18">-39.60%</span>
                    <img class="image_9" src="../../img/d310e3c2219ff2ed302640d3ccb5809a.png" />
                  </div>
                </div>
              </div>
              <div class="flex-row justify-center space-x-10 section_5">
                <img class="image_8" src="../../img/4570d5ebb42258ea19a298e46e3e43e2.png" />
                <div class="flex-col space-y-8 group_14">
                  <div class="flex-row space-x-3">
                    <span class="font_7 text_12">380.23</span>
                    <span class="font_8 text_15 text_16">ETH</span>
                  </div>
                  <div class="flex-row space-x-9">
                    <span class="font_10 text_19">+39.60%</span>
                    <img class="image_11" src="../../img/815f561bd3f0c4c33ace5318751edc22.png" />
                  </div>
                </div>
              </div>
              <div class="flex-row justify-center space-x-10 section_5">
                <img class="image_8" src="../../img/6ebd0686403c344958926213d210074b.png" />
                <div class="flex-col space-y-9 group_14">
                  <div class="flex-row space-x-2">
                    <span class="font_7 text_12">4.8005</span>
                    <span class="font_8 text_15">LTC</span>
                  </div>
                  <div class="flex-row space-x-19">
                    <span class="font_9 text_20">-9.56%</span>
                    <img class="image_12" src="../../img/3b01107b6f1d48cc68a9f4d32a75e2a4.png" />
                  </div>
                </div>
              </div>
              <div class="flex-row justify-center space-x-10 section_6">
                <img class="image_8" src="../../img/552d0925faef8c5c5082a1b2bf54e5d0.png" />
                <div class="flex-col space-y-6 group_15">
                  <div class="flex-row space-x-3">
                    <span class="font_7 text_13">547.23</span>
                    <span class="font_8 text_17">OMG</span>
                  </div>
                  <div class="flex-row space-x-9">
                    <span class="font_10 text_21">+44.56%</span>
                    <img class="image_10" src="../../img/573482811f6de74ef4e02096489a843f.png" />
                  </div>
                </div>
              </div>
            </div>
            <div class="flex-row space-x-14 group_16">
              <div class="flex-col section_7">
                <span class="font_11 text_25">收益表现</span>
                <div class="flex-row group_18">
                  <img class="image_17" src="../../img/48ed3e2f4ae1f8ee28a3dacd0ea4981a.png" />
                  <div class="section_11"></div>
                </div>
                <div class="flex-row justify-between group_19">
                  <span class="font_4">一月</span>
                  <span class="font_4">二月</span>
                  <span class="font_4">三月</span>
                  <span class="font_4">四月</span>
                  <span class="font_4">五月</span>
                  <span class="font_4 text_34">六月</span>
                </div>
              </div>
              <div class="flex-col space-y-28 section_8">
                <div class="flex-col space-y-20">
                  <span class="font_11 text_26">收益分解</span>
                  <div class="flex-row space-x-15">
                    <div class="flex-col items-start group_17">
                      <span class="font_8">BTC</span>
                      <div class="flex-col items-start image-wrapper">
                        <img class="image_16" src="../../img/21450ae68d8615d68fbfffd4710485ef.png" />
                      </div>
                    </div>
                    <span class="font_13 text_27">84%</span>
                  </div>
                </div>
                <div class="flex-row space-x-14">
                  <div class="flex-col items-start group_17">
                    <span class="font_8">ETC</span>
                    <div class="flex-col items-start image-wrapper_2">
                      <img class="image_19" src="../../img/0365d5428c5a9d184b8e1de672f8cc03.png" />
                    </div>
                  </div>
                  <span class="font_13 text_29">45%</span>
                </div>
                <div class="flex-row space-x-14">
                  <div class="flex-col items-start group_17">
                    <span class="font_8">USDT</span>
                    <div class="flex-col items-center image-wrapper_3">
                      <img class="image_20" src="../../img/f133dbfae9154f0386a5c9e05931fb63.png" />
                    </div>
                  </div>
                  <span class="font_13 text_31">90%</span>
                </div>
                <div class="flex-row space-x-14">
                  <div class="flex-col items-start group_17">
                    <span class="font_8 text_33">BNB</span>
                    <div class="flex-col items-start image-wrapper_4">
                      <img class="image_24" src="../../img/525e2cfbd07874412c21e79f4b50a26d.png" />
                    </div>
                  </div>
                  <span class="font_13 text_32">30%</span>
                </div>
              </div>
            </div>
            <div class="flex-row space-x-14 group_20">
              <div class="flex-col space-y-38 section_12">
                <div class="flex-row justify-between">
                  <span class="font_11">投资组合</span>
                  <img class="image_5 image_25" src="../../img/ccca4f34d6d622a793f26ae2b107e991.png" />
                </div>
                <div class="flex-col">
                  <div class="flex-row justify-between">
                    <div class="flex-row space-x-70">
                      <div class="flex-row space-x-61 group_23">
                        <div class="flex-row space-x-44 group_24">
                          <span class="font_14 text_37">名称</span>
                          <span class="font_14 text_38">价格</span>
                        </div>
                        <span class="font_14 text_39">平均</span>
                      </div>
                      <span class="font_14 text_40">值</span>
                    </div>
                    <div class="flex-row space-x-72 group_25">
                      <span class="font_5 text_41">1h</span>
                      <div class="flex-row space-x-60 group_26">
                        <span class="font_5 text_42">24h</span>
                        <span class="font_5 text_43">1m</span>
                      </div>
                    </div>
                  </div>
                  <div class="flex-row space-x-46 group_28">
                    <div class="flex-row space-x-38 group_33">
                      <div class="flex-col items-center space-y-23">
                        <img class="image_29" src="../../img/994cdaa91facd7958a3a371ce34b20ab.png" />
                        <img class="image_29" src="../../img/df1e8edc0744dd9b2f319be39877df01.png" />
                      </div>
                      <div class="flex-col items-start space-y-40 group_35">
                        <span class="font_15">1,529</span>
                        <span class="font_15">97,250</span>
                      </div>
                    </div>
                    <div class="flex-row group_29">
                      <div class="flex-col items-center space-y-40 group_36">
                        <span class="font_15">45,232.02</span>
                        <span class="font_15">62,16254</span>
                      </div>
                      <div class="flex-col items-center space-y-40 group_37">
                        <span class="font_15">87,417.98</span>
                        <span class="font_15">12,221.64</span>
                      </div>
                      <div class="flex-col space-y-27 group_34">
                        <div class="flex-row space-x-3 section_15">
                          <img class="image_30 image_31" src="../../img/7e86f7947e391581b0c822b66573126e.png" />
                          <div class="flex-col text-wrapper_2"><span class="font_16">14.7%</span></div>
                        </div>
                        <div class="flex-row space-x-3 section_15">
                          <img class="image_30 image_31" src="../../img/7e86f7947e391581b0c822b66573126e.png" />
                          <div class="flex-col text-wrapper_2"><span class="font_16">14.7%</span></div>
                        </div>
                      </div>
                      <div class="flex-row items-start group_30">
                        <div class="flex-col space-y-42 group_38">
                          <div class="flex-row space-x-25">
                            <div class="flex-row space-x-3">
                              <img class="image_30 image_32" src="../../img/7e86f7947e391581b0c822b66573126e.png" />
                              <span class="font_16">14.72%</span>
                            </div>
                            <div class="flex-row space-x-3">
                              <img class="image_30 image_33" src="../../img/9ee3ef704860839f7403e75aad03d6dc.png" />
                              <span class="font_16">1.36%</span>
                            </div>
                          </div>
                          <div class="flex-row space-x-25">
                            <div class="flex-row space-x-3">
                              <img class="image_30 image_34" src="../../img/9ee3ef704860839f7403e75aad03d6dc.png" />
                              <span class="font_16">15.12%</span>
                            </div>
                            <div class="flex-row space-x-2">
                              <img class="image_30 image_35" src="../../img/7e86f7947e391581b0c822b66573126e.png" />
                              <span class="font_16">3.78%</span>
                            </div>
                          </div>
                        </div>
                        <div class="section_14"></div>
                      </div>
                    </div>
                  </div>
                  <div class="flex-row group_42">
                    <div class="flex-row space-x-38">
                      <img class="image_29 image_37" src="../../img/4a4d529be074b8b0beca06d43a3b87fb.png" />
                      <span class="font_15 text_49">0,4500</span>
                    </div>
                    <div class="flex-row justify-between group_43">
                      <span class="font_15 text_50">33,347.20</span>
                      <span class="font_15 text_51">12,214.87</span>
                      <div class="flex-row space-x-3 section_17">
                        <img class="image_30 image_38" src="../../img/7e86f7947e391581b0c822b66573126e.png" />
                        <div class="flex-col text-wrapper_2"><span class="font_16">14.7%</span></div>
                      </div>
                      <div class="flex-row space-x-25 group_44">
                        <div class="flex-row space-x-3">
                          <img class="image_30 image_39" src="../../img/7e86f7947e391581b0c822b66573126e.png" />
                          <span class="font_16">12.78%</span>
                        </div>
                        <div class="flex-row space-x-2">
                          <img class="image_30 image_40" src="../../img/7e86f7947e391581b0c822b66573126e.png" />
                          <span class="font_16">7.23%</span>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="flex-col space-y-30 group_21">
                <span class="font_11 text_35">走势预测</span>
                <div class="flex-col space-y-14">
                  <div class="flex-row space-x-17 section_13">
                    <img class="image_27" src="../../img/faeb5ff439ff5af61a5efc33b2043f40.png" />
                    <div class="flex-row space-x-18 group_31">
                      <span class="font_8 text_46">¥34 解锁</span>
                      <div class="flex-col group_32">
                        <span class="font_3 text_45">该预测只作为参考</span>
                        <span class="font_3 text_47">不作为实际运用</span>
                        <img class="image_28" src="../../img/001b731869e66cf939a304f6210531a1.png" />
                      </div>
                    </div>
                  </div>
                  <div class="flex-row space-x-15 section_16">
                    <img class="image_27" src="../../img/8cfeb76f45b6c499c2441da0817f0c1f.png" />
                    <div class="flex-col items-start space-y-7 group_40">
                      <span class="font_10">+12.36%</span>
                      <img class="image_36" src="../../img/ecf6d56938796c72ac923324609ac80c.png" />
                    </div>
                    <div class="flex-col items-start space-y-6 group_41">
                      <span class="font_3">该预测只作为参考</span>
                      <span class="font_3">不作为实际运用</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="flex-col items-center group">
          <div class="flex-col section_2">
            <div class="flex-row space-x-58">
              <div class="flex-row">
                <img class="image_2" src="../../img/c44839c6970b2663da72f99c5899e30c.png" />
                <div class="flex-col space-y-13 group_6">
                  <span class="font_1 text_2">灵感集</span>
                  <div class="flex-row">
                    <img class="image_4" src="../../img/21cf5ad20d3313062924a6d992f81d2d.png" />
                    <span class="font_3 text_7">个人认证</span>
                  </div>
                </div>
              </div>
              <img class="image_3" src="../../img/af99b882ab317e961430ce2e55c4fa43.png" />
            </div>
            <div class="flex-col section_9">
              <div class="flex-col items-center space-y-10 section_10">
                <span class="font_12 text_28">60%</span>
                <span class="font_8 text_30">ETH</span>
              </div>
              <img class="image_21" src="../../img/e48002f9bd1708a4449d0fb9b1e9968c.png" />
            </div>
            <div class="flex-row space-x-157 group_22">
              <span class="font_11 text_36">更新</span>
              <img class="image_26" src="../../img/9bf86f99c4894852fbc7227e114b280c.png" />
            </div>
            <div class="flex-col space-y-10 group_27">
              <span class="font_6 text_44">7月4日 21:10</span>
              <div class="flex-col items-start space-y-4">
                <span class="font_3">服务器将进行例行维护，预计维护时间大</span>
                <span class="font_3">约为：2小时。</span>
              </div>
            </div>
            <div class="flex-col space-y-10 group_39">
              <span class="font_6 text_48">6月21日 18:30</span>
              <div class="flex-col items-start space-y-4">
                <span class="font_3">服务器将进行例行维护，预计维护时间大</span>
                <span class="font_3">约为：2小时。</span>
              </div>
            </div>
          </div>
          <div class="flex-col section_3">
            <div class="flex-row space-x-112 search">
              <span class="font_6 text_10">请输入</span>
              <img class="image_5 image_6" src="../../img/ccca4f34d6d622a793f26ae2b107e991.png" />
            </div>
            <div class="flex-row space-x-50 group_8">
              <div class="flex-col items-start group_10">
                <div class="flex-col items-start group_11">
                  <div class="flex-col items-end group_12"><span class="font_11 text_22">资金概述</span></div>
                </div>
              </div>
              <img class="image_13" src="../../img/ffc21b5259a050d47f9ab3a50fae87e7.png" />
            </div>
          </div>
          <span class="font_12 text_23">34,230.56</span>
          <span class="font_11 text_24">¥</span>
        </div>
      </div>
    </div>
  </body>
</html>